<script setup lang="ts">
import MyDialog from './components/MyDialog.vue'
</script>

<template>
  <MyDialog>
    <!-- 需要通过template标签包裹需要分发的结构，包成一个整体 -->
    <template v-slot:head>
      <div>我是大标题</div>
    </template>

    <template v-slot:content>
      <div>我是内容</div>
    </template>

    <template #footer>
      <button>取消</button>
      <button>确认</button>
    </template>
  </MyDialog>
</template>

<style scoped>
body {
  background-color: #b3b3b3;
}
</style>